import React from 'react';

const Skeleton = () => {
	return (
		<div className='flex space-x-4'>
			<div className='rounded-full bg-slate-200 dark:bg-slate-700 h-14 w-14'></div>
			<div className='flex-1 space-y-6 py-1'>
				<div className='h-2 bg-slate-200 dark:bg-slate-700 rounded'></div>
				<div className='space-y-3'>
					<div className='grid grid-cols-3 gap-4'>
						<div className='h-2 bg-slate-200 dark:bg-slate-700 rounded col-span-2'></div>
						<div className='h-2 bg-slate-200 dark:bg-slate-700 rounded col-span-1'></div>
					</div>
					<div className='h-2 bg-slate-200 dark:bg-slate-700 rounded'></div>
				</div>
			</div>
		</div>
	);
};

export default Skeleton;
